// import count from './js/count'
import sum from './js/sum'
// https://www.iconfont.cn/
// 素材库-官方图标库-选择加入购物车-点击购物车图标--添加至项目-下载至本地
// 解压缩-引入iconfont.css和三个ttf/woff/woff2文件
import './css/iconfont.css'

import './css/main1.css'
import './less/index.less'
import './sass/index.scss'
import './sass/index.sass'
import './stylus/index.styl'

// import "core-js";

// const a = count(1, 3)
// console.log(a)
console.log(sum(9, 5, 23, 34, 23, 3))
if (module.hot) {
	// 判断是否支持热模块替换功能
	// module.hot.accept("./js/count"); //模块修改只有该模块热替换
	module.hot.accept("./js/count.js", function (c) {
		console.log('该模块热替换了', c);
	});
	module.hot.accept("./js/sum");
}
// 问题：
document.getElementById("btn").onclick = function () {
	// import 动态导入：会将动态导入的文件代码分割（拆分成单独模块），在需要使用的时候自动加载
	// webpackChunkName与config中chunkFilename一起使用
	import(/*webpackChunkName:"count"*/"./js/count")  //import引入的模块返回promise
		.then((res) => {  //res对应的是导出的内容
			console.log("模块加载成功", res.default(2, 1), res);
		})
		.catch((err) => {
			console.log("模块加载失败", err);
		});
};

new Promise((resolve) => {
	setTimeout(() => {
		resolve();
	}, 1000);
});
// 添加promise代码
const promise = Promise.resolve();
promise.then(() => {
	console.log("hello promise");
});
if ('serviceWorker' in navigator) {
	window.addEventListener('load', () => {
	  navigator.serviceWorker.register('/service-worker.js').then(registration => {
		console.log('SW registered: ', registration);
	  }).catch(registrationError => {
		console.log('SW registration failed: ', registrationError);
	  });
	});
  }
// eslint: 一
// rules 具体规则优先级高于extends继承规则
// semi: "error"  规则名:规则值
// 规则包含规则名与规则值，规则名在官方文件查阅，规则值为 --
// 1."off" 或 0 - 关闭规则
// 2."warn" 或 1 - 开启规则，使用警告级别的错误：warn (不会导致程序退出)
// 3."error" 或 2 - 开启规则，使用错误级别的错误：error (当被触发的时候，程序会退出)
// 二
// parserOptions 指定语法环境
// 三
// eslint在webpack5中为插件，需要下载--引入--new创建对象EslintWebpackPlugin来使用--配置eslint文件
// https://eslint.nodejs.cn/docs/latest/use/getting-started
// https://webpack.docschina.org/plugins/eslint-webpack-plugin
// 可以在vscode中安装eslint插件，检查语法
// 四.配置eslint文件:
// eslint的配置文件：eslintrc.*：新建文件，位于项目根目录
// .eslintrc
// .eslintrc.js
// .eslintrc.json
// 区别在于配置格式不一样
// 五.
// 指定eslint检查的忽略文件.eslintignore